<template>
  <div class="app-container">
    <el-card class="box-card">
      <el-form ref="form" :model="form" >
            <el-descriptions  title="成果信息" style="text-align: center" :column="3" border >
              <el-descriptions-item label="成果名称"  label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.resultName}}</el-descriptions-item>
              <el-descriptions-item label="成果类型"   label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle" >{{ form.resultType}}</el-descriptions-item>
              <el-descriptions-item label="成果类别"  label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.resultCategory}}</el-descriptions-item>
              <el-descriptions-item label="成果等级"  label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.resultGrade}}</el-descriptions-item>
              <el-descriptions-item label="成果来源"  label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.resultSource}}</el-descriptions-item>
              <el-descriptions-item label="立项时间"  label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.projectTime}}</el-descriptions-item>
              <el-descriptions-item label="技术领域"  label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.technology}}</el-descriptions-item>
              <el-descriptions-item label="完成单位"  :span="2" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.completionUnit}}</el-descriptions-item>
              <el-descriptions-item label="参赛经历"  :span="3" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.competitionExperience}}</el-descriptions-item>
              <el-descriptions-item label="成果背景" :span="3" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.resultBackground}}</el-descriptions-item>
              <el-descriptions-item label="成果研究意义" :span="3"  label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.resultMeaning}}</el-descriptions-item>
              <el-descriptions-item label="成果简介" :span="3" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.resultIntroduction}}</el-descriptions-item>
              <el-descriptions-item label="创新点"  :span="3" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.innovationPoint}}</el-descriptions-item>
            </el-descriptions>
            <br/>
            <el-descriptions  title="负责人信息" :column="3" border >
              <el-descriptions-item label="负责人姓名" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.firstName}}</el-descriptions-item>
              <el-descriptions-item label="负责人年级" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.firstGrade}}</el-descriptions-item>
              <el-descriptions-item label="负责人专业" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.firstMajor}}</el-descriptions-item>
              <el-descriptions-item label="负责人学号" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.firstNumber}}</el-descriptions-item>
              <el-descriptions-item label="负责人学院" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.firstCollege}}</el-descriptions-item>
              <el-descriptions-item label="负责人联系电话" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.firstPhone}}</el-descriptions-item>
              <el-descriptions-item label="负责人身份证号" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.firstIdnumber}}</el-descriptions-item>
            </el-descriptions>
             <br/>
              <el-descriptions  title="成员信息" :column="3" border >
                <el-descriptions-item label="成员一姓名" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.secondName}}</el-descriptions-item>
                <el-descriptions-item label="成员一年级" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.secondGrade}}</el-descriptions-item>
                <el-descriptions-item label="成员一专业" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.secondMajor}}</el-descriptions-item>
                <el-descriptions-item label="成员一学号" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.secondNumber}}</el-descriptions-item>
                <el-descriptions-item label="成员一学院" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.secondCollege}}</el-descriptions-item>
                <el-descriptions-item label="成员一联系电话" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.secondPhone}}</el-descriptions-item>
                <el-descriptions-item label="成员一身份证号" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.secondIdnumber}}</el-descriptions-item>
                <el-descriptions-item label="成员二姓名" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.thirdName}}</el-descriptions-item>
                <el-descriptions-item label="成员二年级" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.thirdGrade}}</el-descriptions-item>
                <el-descriptions-item label="成员二专业" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.thirdMajor}}</el-descriptions-item>
                <el-descriptions-item label="成员二学号" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.thirdNumber}}</el-descriptions-item>
                <el-descriptions-item label="成员二学院" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.thirdCollege}}</el-descriptions-item>
                <el-descriptions-item label="成员二联系电话" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.thirdPhone}}</el-descriptions-item>
                <el-descriptions-item label="成员二身份证号" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.thirdIdnumber}}</el-descriptions-item>
                <el-descriptions-item label="成员三姓名" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.fourthName}}</el-descriptions-item>
                <el-descriptions-item label="成员三年级" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.fourthGrade}}</el-descriptions-item>
                <el-descriptions-item label="成员三专业" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.fourthMajor}}</el-descriptions-item>
                <el-descriptions-item label="成员三学号" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.fourthNumber}}</el-descriptions-item>
                <el-descriptions-item label="成员三学院" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.fourthCollege}}</el-descriptions-item>
                <el-descriptions-item label="成员三联系电话" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.fourthPhone}}</el-descriptions-item>
                <el-descriptions-item label="成员三身份证号" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.fourthIdnumber}}</el-descriptions-item>
                <el-descriptions-item label="成员四姓名" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.fifthName}}</el-descriptions-item>
                <el-descriptions-item label="成员四年级" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.fifthGrade}}</el-descriptions-item>
                <el-descriptions-item label="成员四专业" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.fifthMajor}}</el-descriptions-item>
                <el-descriptions-item label="成员四学号" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.fifthNumber}}</el-descriptions-item>
                <el-descriptions-item label="成员四学院" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.fifthCollege}}</el-descriptions-item>
                <el-descriptions-item label="成员四联系电话" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.fifthPhone}}</el-descriptions-item>
                <el-descriptions-item label="成员四身份证号" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.fifthIdnumber}}</el-descriptions-item>
              </el-descriptions>
              <br/>
              <el-descriptions  title="指导教师信息" :column="3" border >
                <el-descriptions-item label="指导教师一姓名" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.advisorName1}}</el-descriptions-item>
                <el-descriptions-item label="指导教师一职称" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.advisorTitl1}}</el-descriptions-item>
                <el-descriptions-item label="指导教师一专业" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.advisorMajor1}}</el-descriptions-item>
                <el-descriptions-item label="指导教师一工号" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.advisorNumber1}}</el-descriptions-item>
                <el-descriptions-item label="指导教师二姓名" label-class-name="my-label" :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.advisorName2}}</el-descriptions-item>
                <el-descriptions-item label="指导教师二职称" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.advisorTitl2}}</el-descriptions-item>
                <el-descriptions-item label="指导教师二专业" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.advisorMajor2}}</el-descriptions-item>
                <el-descriptions-item label="指导教师二工号" label-class-name="my-label"   :contentStyle='contentStyle' :labelStyle="labelStyle">{{ form.advisorNumber2}}</el-descriptions-item>
              </el-descriptions>
            <br/>
      </el-form>
      <br/>
      <div style="float:right; margin-bottom: 15px;">
        <el-button @click="viewCancel">返 回</el-button>
      </div>
    </el-card>
  </div>
</template>
<script>
  import { listAchievement, getAchievement, delAchievement, addAchievement, updateAchievement,aduitAchievement } from "@/api/module/cjl/achievement";

export default {
  name: "Contract",
  dicts: ['sys_job_status','yh_contract_type','yh_contract_declare','yh_item_classification','yh_representative_office','yh_equipment_contractor_unit','yh_contractor_unit'],
  data() {
    return {
      contentStyle: {
        'width': '400px',
      },
      //label样式
      labelStyle: { 'width': '140px','color': '#000000','text-align': 'right', },
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: false,
      // 总条数
      total: 0,
      // 部门树选项
      deptOptions: undefined,
      // 合同台账表格数据
      contractList: [],
      // 岗位选项
      postOptions: [],
      // 部门名称
      deptName: undefined,
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 表单参数
      form: {},
      // 用户查询参数
      view:{
        // 是否显示弹出层（用户查询）
        open: false,
        // 弹出层标题（用户查询）
        title: "",
      },
    };
  },
  created() {
    const id = this.$route.query.id;
    if (id) {
      // 获取表详细信息
      getAchievement(id).then(res => {
        this.form = res.data;
      });
    }
  },
  methods: {
    /** 关闭按钮 */
    viewCancel() {
      const id = this.$route.query.id;
      getAchievement(id).then(response => {
        this.form = response.data;

      });
      const obj = { path: "/cjlachievement", query: {id} };
      this.$tab.closeOpenPage(obj);
  },
  }
};
</script>
<style lang="scss" scoped>



</style>
